Shell

推荐列表 站点导航

当前位置:首页 > 脚本编程 > Shell >

javascript检测screenX与screenY屏幕坐标位置

来源:网络  作者:网友投稿  发布时间:2021-01-08 12:35
本文介绍下,javascript检测screenX与screenY屏幕坐标位置的方法,有需要的朋友参考下吧。...

在鼠标事件发生时,会有相对于浏览器窗口的位置,另外还有一个相对于整个电脑屏幕的位置。
通过screenX和screenY属性,可以确定鼠标事件发生时鼠标指针相对于整个屏幕的坐标信息。

例子,取得鼠标事件的屏幕坐标:

var EventUtil = { getEvent: function (event) { return event ? event : window.event; }, addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { element["on" + type] = handler; } } }; var div = document.getElementById("myDiv"); EventUtil.addHandler(div, "click", function (event) { event = EventUtil.getEvent(event); alert("Screen coordinates: " + event.screenX + "," + event.screenY); });

以上代码为<div>元素指定了一个onclick事件处理程序。
当这个元素被单击时,就会显示出事件的屏幕坐标信息了。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/shell/11918.shtml

相关文章
Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

javascript检测screenX与screenY屏幕坐标位置

2021-01-08 编辑:网友投稿

在鼠标事件发生时,会有相对于浏览器窗口的位置,另外还有一个相对于整个电脑屏幕的位置。
通过screenX和screenY属性,可以确定鼠标事件发生时鼠标指针相对于整个屏幕的坐标信息。

例子,取得鼠标事件的屏幕坐标:

var EventUtil = { getEvent: function (event) { return event ? event : window.event; }, addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { element["on" + type] = handler; } } }; var div = document.getElementById("myDiv"); EventUtil.addHandler(div, "click", function (event) { event = EventUtil.getEvent(event); alert("Screen coordinates: " + event.screenX + "," + event.screenY); });

以上代码为<div>元素指定了一个onclick事件处理程序。
当这个元素被单击时,就会显示出事件的屏幕坐标信息了。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/shell/11918.shtml

相关文章

风云图片

推荐阅读

返回Shell频道首页